<template>
    <div class="center">
        <el-row>
            <el-col :span="4">
                <ul>
                    <li><a href="#">华为商城</a></li>
                    <li><a href="#">荣耀商城</a></li>
                    <li><a href="#">京东商城</a></li>
                    <li><a href="#">唯品会</a></li>
                    <li><a href="#">闲鱼</a></li>
                </ul>
            </el-col>
            <el-col :span="4">
                <ul>
                    <li><a href="#">华为商城</a></li>
                    <li><a href="#">荣耀商城</a></li>
                    <li><a href="#">京东商城</a></li>
                    <li><a href="#">唯品会</a></li>
                    <li><a href="#">闲鱼</a></li>
                </ul>
            </el-col>
            <el-col :span="4">
                <ul>
                    <li><a href="#">华为商城</a></li>
                    <li><a href="#">荣耀商城</a></li>
                    <li><a href="#">京东商城</a></li>
                    <li><a href="#">唯品会</a></li>
                    <li><a href="#">闲鱼</a></li>
                </ul>
            </el-col>
            <el-col :span="4">
                <ul>
                    <li><a href="#">华为商城</a></li>
                    <li><a href="#">荣耀商城</a></li>
                    <li><a href="#">京东商城</a></li>
                    <li><a href="#">唯品会</a></li>
                    <li><a href="#">闲鱼</a></li>
                </ul>
            </el-col>
            <el-col :span="4">
                <ul>
                    <li><a href="#">华为商城</a></li>
                    <li><a href="#">荣耀商城</a></li>
                    <li><a href="#">京东商城</a></li>
                    <li><a href="#">唯品会</a></li>
                    <li><a href="#">闲鱼</a></li>
                </ul>
            </el-col>
            <el-col :span="4">
                <ul>
                    <li><a href="#">华为商城</a></li>
                    <li><a href="#">荣耀商城</a></li>
                    <li><a href="#">京东商城</a></li>
                    <li><a href="#">唯品会</a></li>
                    <li><a href="#">闲鱼</a></li>
                </ul>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="24">
                <div class="copy">
                    Copyright © 2024-2099 Solar
                </div>
            </el-col>
        </el-row>
    </div>
</template>

<script setup>

</script>

<style scoped>
    ul li {
        text-align: center;
        line-height: 30px;
    }

    ul li a {
        color: #AAA;
        font-size: 16px;
    }

    ul li a:hover {
        color: #FFF;
    }

    .copy {
        margin-top: 5px;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        color: #FFF;
    }
</style>